<!-- PAGE HEADER -->
                <div class="page-header-wrapper">
                
                		<section id="page-header">
                        		<div>
                                	<h1>OUR WORK</h1>
                                </div>
                        </section>
                
                </div>
                <!-- PAGE HEADER -->
                
                
                
                <!-- PORTFOLIO HEADER -->
                <div id="portfolio-header">
                	<section class="clearfix">
                    		<div class="portfolio-menu">
                            		<a href="#" class="active">ALL</a>
                            		<a href="#">PHOTOGRAPHY</a>
                            		<a href="#">DESIGN</a>
                            		<a href="#">ARCHITECTURE</a>
                            		<a href="#">OTHER</a>
                            </div>
                            <div class="portfolio-view">
                            	<span><a href="#" class="list active">&nbsp;</a></span>
                                    <a href="portfolio-grid.html" class="grid">&nbsp;</a>                                    
                            </div>
                    </section>
                </div>
                <!-- PORTFOLIO HEADER -->
                
                
                
                <!-- CONTENT -->
                <div class="wrapper" id="portfolio">
                
                		<section class="list-view">
                                    
                                    <?php foreach ($this->projects as $val) {?>
                			<article>                                            
                			        <figure><img src="/images/project-image1.jpg" alt="" /></figure>
                			        <div>
                			        		<h4><?php echo $val['name']; ?></h4>
                			                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.</p>
                			                <p>Qui consectetur adipisicing dolorem ipsum quia dolor sit amet,.</p>
                			                
                                                        <?php
       
                                                        echo "<a href=" . $this->url(array(
                                                                              'controller' => 'index',
                                                                              'action' => 'ourworksingle',
                                                                              'id' => 1)) . " class=\"more-detail\">".'MORE ABOUT PROJECT'."</a>";
                                                        ?>  
                                                        
                                                        
                			        </div>
                			</article>
                		    <?php } ?>
                			<article>
                					<figure><img src="/images/project-image2.jpg" alt="" /></figure>
                			        <div>
                			        		<h4>AUSTRIA, SUMMER</h4>
                			                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.</p>
                			                <p>Qui consectetur adipisicing dolorem ipsum quia dolor sit amet,.</p>
                			                <a href="portfolio-single.html" class="more-detail">MORE ABOUT PROJECT</a>
                			        </div>
                			</article>
                			
                			<article>
                					<figure><img src="/images/project-image3.jpg" alt="" /></figure>
                			        <div>
                			        		<h4>AUSTRIA, SUMMER</h4>
                			                <p>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est.</p>
                			                <p>Qui consectetur adipisicing dolorem ipsum quia dolor sit amet,.</p>
                			                <a href="portfolio-single.html" class="more-detail">MORE ABOUT PROJECT</a>
                			        </div>
                			</article>
                		</section>
                
                </div>
                <!-- CONTENT -->
                
                
                
                <!-- PORTFOLIO PAGINATION -->
                <div id="portfolio-pagination">
                		<section>
                        		<ul>
                        			<li><a href="#">1</a></li>
                        			<li><a href="#">2</a></li>
                        			<li><a href="#" class="active">3</a></li>
                        			<li><a href="#">4</a></li>
                        			<li><a href="#">5</a></li>
                        		</ul>
                        </section>
                </div>
                <!-- PORTFOLIO PAGINATION -->
                